
/* -------------- flex ------------------------- */
.zz-flex {
	position:relative;
	display:flex !important;
}
.zz-flex_mh100 {min-height:100rpx;}
.zz-flex_ele {position:relative;}
/*  */
.zz-ff-rw {flex-flow:row wrap !important;}
.zz-ff-cw {flex-flow:column wrap !important;}
/*  */
.zz-jc-fe {justify-content:flex-end !important;}
.zz-jc-c {justify-content:center !important;}
.zz-jc-sb {justify-content:space-between !important;}
/*  */
.zz-jc-sa {justify-content:space-around !important;}
.zz-ai-c {align-items:center !important;}
/*  */
.zz-flex-10auto {flex:1 0 auto !important;}
/* flex:0 0 width; */
.zz-flex-fb40_auto {
	flex:0 0 auto;
	max-width:40%;
}
.zz-flex-fb50 {
	flex:0 0 50%;
	max-width:50%;
}
.zz-flex-fb50_auto {
	flex:0 0 auto;
	max-width:50%;
}
.zz-flex-fb60 {
	flex:0 0 60%;
	max-width:60%;
}
.zz-flex-fb60_auto {
	flex:0 0 auto;
	max-width:60%;
}
.zz-flex-fb70 {
	flex:0 0 70%;
	max-width:70%;
}
.zz-flex-fb70_auto {
	flex:0 0 auto;
	max-width:70%;
}
.zz-flex-fb80 {
	flex:0 0 80%;
	max-width:80%;
}
.zz-flex-fb80_auto {
	flex:0 0 auto;
	max-width:80%;
}
.zz-flex-fb90 {
	flex:0 0 90%;
	max-width:90%;
}
.zz-flex-fb90_auto {
	flex:0 0 auto;
	max-width:90%;
}
.zz-flex-fb100 {
	flex:0 0 100%;
	max-width:100%;
}
.zz-flex-fb100_auto {
	flex:0 0 auto;
	max-width:100%;
}